<template>
    <div class="wrapper wrapper4">
        <div class="page-header">
            <h3>{{ title }}</h3>
        </div>
        <div class="page-content">
            <div class="alert alert-info">count的值为: {{ count }}</div>
            <button class="btn btn-primary" @click="increment">
                count增加
            </button>
        </div>
    </div>
</template>

<script setup>
import { defineProps, ref, reactive } from "vue";
const props = defineProps({
    title: {
        type: String,
        default: "Dashboard",
    },
});

const count = ref(0);

const increment = () => {
    count.value++;
};
</script>

<style lang="scss" scoped></style>
